{% set setting = {title:'菜单管理',beforeLink:['/css/plugins/chosen/chosen.css']} %} {% include "../_partial/head.html" with setting %}
<style>
    .ibox-content {
        padding:15px 10px 20px;
    }
    h2 {
        font-weight:bold;
        text-align: center;
    }
    ul {
        padding: 0;
        height:240px;
        overflow-y: scroll;
        border:1px solid #e0e0e0;

    }
    ul::-webkit-scrollbar{
        width: 5px;
        height: 10px;
    }

    .item-box {
        text-align: center;
        color: #212121;
        margin-bottom: 50px;
    }
    .item-box p {
        margin: 0;
        font-size:12px;
        line-height:36px;
        min-height:36px;
        padding:0;
    }
    .item-box .title {
        padding-right:5px;
        border:1px solid #e0e0e0;
        border-bottom:0 none;
    }
    .item-box  p {
        border-right:1px solid #e0e0e0;
    }

    .item-box .title p:last-child,.item-box ul p:last-child {
        border-right:0 none;
    }
    ul li {
        font-size:12px;
        line-height:36px;
        min-height:36px;
        background-color: #FFFFFF;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        cursor: pointer;
        border-bottom:1px solid #e0e0e0;

    }
    ul li:nth-child(2n) {
        background-color:rgb(245, 245, 245);
    }
    ul li:hover {
        background-color: rgba(153, 153, 153, 0.5);
        color: #FFFFFF;
    }
    ul li.selected {
        background-color: rgba(153, 153, 153, 1);
        color: #FFFFFF;
    }
    ul li>div {
        float: left;
        width: 80%;
    }
    .add {
        border:1px solid #e0e0e0;
        text-align: center;
        line-height:40px;
        border-bottom:0 none;
        /*margin:5px 0;*/
    }
    ul li.last {
        margin: 0;
        padding: 0;
        color: #337AB7;
        font-size:12px;
        text-align: right;
        height: 40px;
        background-color: #fff;
    }
    .scrollBar {
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .available {
        color: #1AB394;
    }
    .forbidden {
        color: #FF3399;
    }
    ul li span:hover {
        border-bottom:1px solid #FFFFFF;
    }
</style>
<body>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-content clearfix" id="menuCtrl">
                <div class="item-box" id="level1">
                    <h2>一级菜单</h2>
                    <div class="clearfix">
                        <a href="javascript:;" class="add col-xs-2">点击添加+</a>
                    </div>
                    <div class="title clearfix" style="text-align: center;">
                        <p class="col-xs-2">菜单名</p>
                        <p class="col-xs-2">关键字</p>
                        <!--<p class="col-xs-1">级别</p>-->
                        <p class="col-xs-5">创建时间</p>
                        <p class="col-xs-1">排序</p>
                        <p class="col-xs-1">使用状态</p>
                    </div>
                    <ul  class="clearfix"></ul>
                </div>
                <div class="item-box" id="level2">
                    <h2>二级菜单</h2>
                    <div class="clearfix">
                        <a href="javascript:;" class="add col-xs-2">点击添加+</a>
                    </div>
                    <div class="title clearfix">
                        <p class="col-xs-2">菜单名</p>
                        <p class="col-xs-2">关键字</p>
                        <p class="col-xs-2">创建时间</p>
                        <p class="col-xs-1">上级菜单</p>
                        <p class="col-xs-3">菜单路径</p>
                        <p class="col-xs-1">排序</p>
                        <p class="col-xs-1">使用状态</p>
                    </div>
                    <ul class="clearfix"></ul>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
{% include "../_partial/foot.html" %}
<!-- 表单验证插件 -->
<script src="{{basePath}}/plugins/validate/jquery.validate.min.js"></script>
<script src="{{basePath}}/plugins/validate/messages_zh.min.js"></script>
<!-- select 插件 -->
<script src="{{basePath}}/plugins/chosen/chosen.jquery.js"></script>

<!-- 日期插件 -->
<script src="{{basePath}}/js/basicInfo/menuList.js"></script>